肝了小半个月，终于把面向 UI 设计师的 HTML CSS 的入门教学做完了，压缩它的篇幅的方式还是很痛苦的。下面，将完成的5篇在这里进行汇总，方便等文章全部更完或者还没看的同学进行学习。

1.内容复习

篇1: HTML CSS 概念初识

本篇介绍 HTML 和 CSS 是什么，HTML是一个类似 Markdown，用来对页面元素进行结构化标识的语言，帮助浏览器识别我们需要展示的内容是什么。CSS 则是专门用来控制 HTML 元素样式的语言。

它们通过各自分工来完成我们所见的网页样式，它们的作用不仅和设计师密切相关，而且是所有编程语言中最简单的两种，是 UI 设计师增强职业竞争力的必备技能。

设计师需要会编程嘛? HTML CSS 是个什么东西?


篇2：HTML 极速入门
本篇从 HTML 入手，认识 HTML 的标准语法，开始结尾标签的应用，属性的应用，以及 HTML 的层级结构，掌握正确输入 HTML 代码的方式。

然后了解 HTML 标准文档的标签应用结构，和常用标签的规则详解，完成对 HTML 代码的快速的入门。

一小时学会HTML的干货来了！


篇3：CSS样式表初识
本篇介绍 CSS 的标准应用语法，通过选择器、声明两个部分完成对 HTML 样式的调整。

然后，介绍CSS如何被 HTML 引用的三种途径，以及选择器的多种使用方法，再对盒模型和元素实际尺寸大小的探讨，完成对 CSS 的初识。

一小时快速了解 CSS 基础


篇4：CSS样式的属性应用
在上篇 CSS 的基础上，进一步详解 CSS 常用属性的应用规则。包含文字属性、背景设置、排版定位、动画效果、其它常见样式类型。

选择了大量有代表性的实例来帮助大家理解这些 CSS 属性，为自己动手编写做好准备。

一小时搞懂 CSS 属性应用


篇5：网站前端布局实例
用 HTML 和 CSS 来完成一个简单的网站设计实例，对前面所学知识进行巩固。

通过这个操作过程，了解项目编写的顺序，以及对于实现相同的设计效果可以采取多种样式定义的方法。

UI 设计师要会编程吗？HTML/CSS案例演示



本文原创，未经作者允许不可转载！
更多内容，欢迎关注作者微信公众号：超人的电话亭！